"use strict"

//按ID查找
var p = $("#text")

console.log(p);

//按tag查找

var p1 = $("p")

console.log(p1);

//按class查找

var p2 = $(".test")

console.log(p2);

// 同时查找两个
var p3 = $(".pd,.ted")

console.log(p3);

//按属性查找

var p4 = $("[name=email]")

console.log(p4);

//同时查找相同前缀

var p5 = $("[name^=ab]")

console.log(p5);

//相同后缀查找

var p6 = $("[name$=pd]")

console.log(p6);

//组合器查找
var p7 = $("input[name = email]")

console.log(p7);
//标签和class组合查找
var p8 = $("p.test")
console.log(p8);
//多项选择器

var p9 = $("p,div")
console.log(p9);

var p10 = $("p.test,div.pd")
console.log(p10);

//练习
// 仅选择JavaScript

var JavaScript = $("#para-1")
console.log(JavaScript);
// 仅选择Erlang
var Erlang = $(".color-red.color-green")
console.log(Erlang);
// 选择JavaScript和Erlang
var Je = $("p.color-red,p.color-red.color-green")
console.log(Je);
// 选择所有编程语言
var pc = $("p[class^=color]")
console.log(pc);
// 选择名字input
var input = $("input")
console.log(input);
// 选择邮件和名字input
var input2 = $("input,input[name= email]")
console.log(input2);


//层级选择器

//---选择JavaScript

var j = $("ul.lang li.lang-JavaScript")
var a = $("div.testing li.lang-JavaScript")
console.log(a);
console.log(j);

//选出<li>的所有节点
var li = $("ul.lang li")
console.log(li);

var la = $("form input[name=abc]")

console.log(la);

//多层选择

var ld = $("form.test-form p input")
console.log(ld);

//子选择器

var br = $("ul.lang>li.lang-python") //ul是父li是子
console.log(br);

var be = $("div.testing>li.lang-python")
console.log(be);